// 需求：点击同意跳转到填写
$('.registration-user .registration-but').click(function () {

    $(this).closest('.registration-user').siblings('.main-step').find('.step-tit2').addClass('step-color').siblings().removeClass('step-color')
    $(this).closest('.registration-user').siblings('.main-step').find('.step-tit2').find('.step-num').addClass('step-back').closest('.step-tit2').siblings().find('.step-num').removeClass('step-back')
    $(this).closest('.registration-user').addClass('box').siblings('.input-user').removeClass('box')
})
//需求：点击提交验证用户名和密码是否符合规范
//需求：点击提交注册跳转登录成功
// $('.input-user .contnue').click(function () {
//     $(this).closest('.input-user').siblings('.main-step').find('.step-tit3').addClass('step-color').siblings().removeClass('step-color')
//     $(this).closest('.input-user').siblings('.main-step').find('.step-tit3').find('.step-num').addClass('step-back').closest('.step-tit3').siblings().find('.step-num').removeClass('step-back')
//     $(this).closest('.input-user').addClass('box').siblings('.success').removeClass('box')
// })


$(function () {

    function focusFun(point) {
        //      触发焦点，若输入的值跟默认值一样，输入的值为空

        if (point.defaultValue == point.value) {
            point.value = '';
        }
    }

    function blurFun(point) {
        //        失去焦点时，若值为空，则值等于默认值，也就是placeholder
        if (point.value == '') {
            point.value = point.defaultValue;
        }
    }

    function getinput(name, pwd) {
        //        若验证正确，则为true,最后判断是否能提交
        var isPwd = false
        var isUser = false;
        $(name).blur(function () {
            //            正则表达式，验证用户名
            //            用户名要1开头，第二位是3或4或5或6，最后一位以8或9结束，一共要11位
            reg = /^[\u4e00-\u9fa5]{2,4}$/;
            if ($(this).val() == '' || $(this).val() == '请输入您的账号') {
                $(this).next().html('账户不能为空！');
                $(this).addClass('error-border');

            } else if ($(this).val().length < 2 || $(this).val().length > 4) {
                $(this).next().text('长度错误');
                $(this).addClass('error-border');
            } else if (!reg.test($(this).val())) {
                $(this).next().text('账户不存在！');
                $(this).addClass('error-border');
            } else {
                $(this).removeClass('error-border');
                $(this).addClass('success-border');
                $(this).next().empty();
                isUser = true;
            }

        });

        $(pwd).blur(function () {
            //            密码要a-z(大小写),1-9，总共6-22位
            //            正则可以先了解
            reg = /^[\@A-Za-z0-9\!\#\$\%\^\&\*\.\~]{6,22}$/;
            if ($(this).val() == '') {
                $(this).addClass('error-border');
                $(this).next().html('密码不能为空');
            } else if (!reg.test($(this).val())) {
                $(this).addClass('error-border');
                $(this).next().html('密码格式不对！');
            } else {
                $(this).addClass('success-border');
                $(this).removeClass('error-border');
                $(this).next().empty();
                isPwd = true;
            }
        });

        $('.input-user .contnue').click(function () {
            //            用户名密码验证通过则提交，验证不通过不提交
            if (isPwd && isUser) {
                $(this).closest('.input-user').siblings('.main-step').find('.step-tit3').addClass('step-color').siblings().removeClass('step-color')
                $(this).closest('.input-user').siblings('.main-step').find('.step-tit3').find('.step-num').addClass('step-back').closest('.step-tit3').siblings().find('.step-num').removeClass('step-back')
                $(this).closest('.input-user').addClass('box').siblings('.success').removeClass('box')
            } else {
                return;
            }
        })
    }

    getinput('#realName','#pwd')
    getinput('#userName','#confirmPwd')
})

